<template>
  <div id="app">
    <br>
    <div class="shop-head">
        <img src="" width="80" height="80">
    </div><br>
    <div class="shop-content">
        <div class="shop-list">
            <h3>餐厅名称</h3>
            <input type="text" placeholder="输入餐厅名称">
        </div>
        <div class="shop-list">
            <h3>门店地址</h3>
            <input type="text" placeholder="">
        </div>
        <div class="shop-list">
            <h3>联系电话</h3>
            <input type="tel" placeholder="">
        </div>
        <br>
        <h3 style="margin-bottom:0.75rem">账号信息</h3>
        <div class="shop-list">
            <h3>账号</h3>
            <input type="tel" placeholder="账号为手机号">
        </div>
         <div class="shop-list">
            <h3>密码</h3>
            <input type="text" placeholder="请设置密码">
        </div>
    </div>
    <router-link to="/shopmanage"><div class="btn">完成</div></router-link>
  </div>
</template>

<script>
  export default {
      data: function () {
          return {

          }
      }
  }
</script>

<style scoped>
  /* #app{
      position: absolute;
      height: 100%;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: #f6f6f6;
  } */
  .shop-head img{
      margin:auto;
  }
  .shop-content{
      padding:1rem;
  }
  .shop-list{
      margin-bottom: 0.75rem;
      display: flex;
      align-items: center;
      padding:0.3rem 0.75rem;
      border:1px #ddd solid;
      border-radius:6px;
      background: #fff;
  }
  .shop-list input{
      border: none;
      padding:0.75rem 0;
      margin-left:0.75rem;
      width: 75%;
      outline:none;
      -webkit-outline:none;
  }
  .btn{
      position: fixed;
      padding:0.75rem;
      bottom: 0;
      left: 0;
      right: 0;
      background: #3cb034;
      color:#fff;
      text-align: center;
      z-index: 1;
  }
</style>